﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Pragma" content="no-cache">
<link rel="STYLESHEET" type="text/css" id="SkinStyleSheet">
<title>WebNoteEditor</title>
<style type="text/css">
td{white-space:nowrap;}
</style>
<script language="javascript" type="text/javascript" src="../script/windialog.js"></script>
<script language="javascript" type="text/javascript">
window.onload=function()
{
	document.getElementById("InputBorderColor").value=srcObj.style.borderColor?srcObj.style.borderColor:srcObj.borderColor;
	document.getElementById("InputNoWrap").checked=srcObj.noWrap;
	var Value;
	Value=srcObj.style.textAlign?srcObj.style.textAlign:srcObj.align;
	EditorWindow._FormfocusSelect("selectAlign",Value,document);
	Value=srcObj.style.verticalAlign?srcObj.style.verticalAlign:srcObj.vAlign;
	EditorWindow._FormfocusSelect("selectValign",Value,document);
	
	__setBgSetting();
	__setWidthAndHeight();
	
	AutoResizeDialogWindow();
}

function __btnUse_onclick()
{
	srcObj.style.textAlign=document.getElementById("selectAlign").value;
	srcObj.style.verticalAlign=document.getElementById("selectValign").value;
	srcObj.style.borderColor=document.getElementById("InputBorderColor").value;
	
	if (document.getElementById("InputNoWrap").checked)
		srcObj.noWrap=true;
	else
		srcObj.removeAttribute("nowrap",false);
		
	__applyWidthAndHeight();
	__applyBgSetting();
}

function __btnOk_onclick()
{
	__btnUse_onclick();
	window.returnValue=true;
	window.close();
}

function __btnCancel_onclick()
{
	window.close();
}
</script>
</head>

<body class="dialog">
<script language="javascript" type="text/javascript">dialogTitle("lang_tablecellattribute")</script>

<table border="0" cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td width="100%">
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td class="subtitle"><script language="javascript" type="text/javascript">dialogPrintlang("lang_layout")</script></td>
          <td class="hr">
            <hr size="1" color="#B3AC9D">
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td width="100%">
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="20%" class="paddingleft"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align")</script></td>
          <td style="width: 30%">
          	<select size="1" id="selectAlign" style="width:90px">
            	<option value=""><script language="javascript" type="text/javascript">dialogPrintlang("lang_default")</script></option>
            	<option value="left"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_left")</script></option>
            	<option value="center"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_center")</script></option>
            	<option value="right"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_right")</script></option>
            	<option value="justify"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_justify")</script></option>
            </select>
            </td>
          <td style="width: 10%"><input type="checkbox" id="Cellwidth" value="ON"><script language="javascript" type="text/javascript">dialogPrintlang("lang_width")</script></td>
          <td width="20%"><input type="text" id="InputWidth" size="11" disabled=true class="dialogInput" datatype="number"></td>
          <td width="20%"><input type="radio" value="px" name="CellWidthpx" checked disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_pixel");</script><input type="radio" value="%" name="CellWidthpx" disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_percent");</script></td>
        </tr>
        <tr>
          <td width="20%" class="paddingleft"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align")</script></td>
          <td style="width: 30%">
          	<select size="1" id="selectValign" style="width:90px">
            	<option value=""><script language="javascript" type="text/javascript">dialogPrintlang("lang_default")</script></option>
            	<option value="top"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_top")</script></option>
				<option value="middle"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_middle")</script></option>
            	<option value="baseline"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_baseline")</script></option>
				<option value="bottom"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_bottom")</script></option>
            </select>
           </td>
          <td style="width: 10%"><input type="checkbox" id="Cellheight" value="ON"><script language="javascript" type="text/javascript">dialogPrintlang("lang_height")</script></td>
          <td width="20%"><input type="text" id="InputHeight" size="11" disabled class="dialogInput" datatype="number"></td>
          <td width="20%"><input type="radio" value="px" checked name="CellHeightpx" disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_pixel");</script><input type="radio" value="%" name="CellHeightpx" disabled><script language="javascript" type="text/javascript">dialogPrintlang("lang_percent");</script></td>
        </tr>
        <tr>
          <td width="20%" class="paddingleft"><input type="checkbox" id="InputNoWrap" value="ON"><script language="javascript" type="text/javascript">dialogPrintlang("lang_nowrap")</script></td>
          <td style="width: 30%">
            　
           </td>
          <td style="width: 10%">&nbsp;</td>
          <td width="20%">　</td>
          <td width="25%">　</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td width="100%">
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td class="subtitle"><script language="javascript" type="text/javascript">dialogPrintlang("lang_border")</script></td>
          <td class="hr">
            <hr size="1" color="#B3AC9D">
          </td>
        </tr>
      </table> 
    </td>
  </tr>
  <tr>
    <td width="100%">  
	    <table border="0" cellspacing="0" cellpadding="0">
	      <tr>
	        <td class="paddingleft" style="width:48px"><script language="javascript" type="text/javascript">dialogPrintlang("lang_color")</script></td>
	        <td><input type="text" name="InputBorderColor" size="8" class="dialogInput"><input type="button" class="BtnSelectColor" onclick="javascript:selectColorIntoInput('InputBorderColor',this);"></td>
	      </tr>
	    </table>  
    </td> 
  </tr>
  <tr>
    <td width="100%">
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td class="subtitle"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background")</script></td>
          <td class="hr">
            <hr size="1" color="#B3AC9D">
          </td>
        </tr>
      </table>     
    </td> 
  </tr>
  <tr>
    <td width="100%">   
	    <table border="0" cellspacing="0" cellpadding="0">
	      <tr>
	        <td class="paddingleft"><script language="javascript" type="text/javascript">dialogPrintlang("lang_color");</script></td>
	        <td><input type="text" id="InputBgColor" size="8" class="dialogInput"><input type="button" class="BtnSelectColor" onclick="javascript:selectColorIntoInput('InputBgColor',this);"></td>
	      </tr>
	      <tr>
	        <td class="paddingleft" valign="top" style="padding-top:6px"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_image");</script></td>
	        <td>
	        	<input type="file" id="InputbackgroundImage" size="50"><br>
				<a id="backgroundImage" style="color:#000080;font-size:8pt"></a>
				<br>
				<a id="btnRemovebackgroundImage" style="cursor:pointer"><font color="#000080"><u><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_image_remove");</script></u></font></a>
			</td>
	      </tr>
	    </table>
    </td> 
  </tr>
  <tr>
    <td width="100%">
    
	    <table border="0" cellspacing="0" cellpadding="0">
	      <tr>
	        <td class="paddingleft" width="60"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_positiony");</script></td>
	        <td>
	          	<select size="1" id="selectbackgroundPositionY" style="width:90px">
	            	<option value=""><script language="javascript" type="text/javascript">dialogPrintlang("lang_default");</script></option>
	            	<option value="top"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_top");</script></option>
					<option value="50%"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_middle");</script></option>
					<option value="bottom"><script language="javascript" type="text/javascript">dialogPrintlang("lang_vertical_align_bottom");</script></option>
	            </select>
	        </td>
	        <td class="paddingleft" width="60"><script language="javascript" type="text/javascript">dialogPrintlang("lang_background_positionx");</script></td>
	        <td><select size="1" id="selectbackgroundPositionX" style="width:90px">
	            	<option value=""><script language="javascript" type="text/javascript">dialogPrintlang("lang_default");</script></option>
	            	<option value="left"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_left");</script></option>
	            	<option value="center"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_center");</script></option>
	            	<option value="right"><script language="javascript" type="text/javascript">dialogPrintlang("lang_align_right");</script></option>
	            </select>
	        </td>
	        <td class="paddingleft" width="60"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeat");</script></td>
	        <td><select size="1" id="selectbackgroundRepeat" style="width:90px">
	            	<option value="" selected><script language="javascript" type="text/javascript">dialogPrintlang("lang_default");</script></option>
	            	<option value="repeat"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeat");</script></option>
	            	<option value="repeat-x"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeatx");</script></option>
	            	<option value="repeat-y"><script language="javascript" type="text/javascript">dialogPrintlang("lang_repeaty");</script></option>
	                <option value="no-repeat"><script language="javascript" type="text/javascript">dialogPrintlang("lang_norepeat");</script></option>
	            </select>
	        </td>
	      </tr>
	    </table>
    
    </td> 
  </tr>
  <tr>
    <td width="100%" class="hr" align="right">
    	<hr size="1" color="#B3AC9D">
	</td> 
  </tr>
  <tr>
    <td width="100%" align="right">
    	<script language="javascript" type="text/javascript">
    		PrintButtons();
    	</script>
	</td> 
  </tr>
</table>
</body>

</html>
